/*边距*/

@list: 0, 2, 6, 8, 10, 15, 20, 25, 30, 40, 50, 60, 80;
@n: length(@list);
.loop(@counter) when (@counter >0) {
    .loop((@counter - 1));
    @num: extract(@list, @counter);
    .ml@{num} {
        margin-left: @num*1px !important;
    }
    .mr@{num} {
        margin-right: @num*1px !important;
    }
    .mt@{num} {
        margin-top: @num*1px !important;
    }
    .mb@{num} {
        margin-bottom: @num*1px !important;
    }
    .ma@{num} {
        margin: @num*1px !important;
    }
    .pl@{num} {
        padding-left: @num*1px !important;
    }
    .pr@{num} {
        padding-right: @num*1px !important;
    }
    .pt@{num} {
        padding-top: @num*1px !important;
    }
    .pb@{num} {
        padding-bottom: @num*1px !important;
    }
    .pa@{num} {
        padding: @num*1px !important;
    }
}

.loop(@n);

/* COLORS */

.text-navy {
    color: #1ab394;
}

.text-primary {
    color: inherit;
}

.text-success {
    color: #1c84c6;
}

.text-info {
    color: #23c6c8;
}

.text-warning {
    color: #f8ac59;
}

.text-danger {
    color: #ed5565;
}

.text-muted {
    color: #888888;
}

